/* **************** BLOCK SKINS ***************** */
/* ====== Contour blocks ====== */
/* remove *background-image:" to default to square corners for IE */
/* ----- simple extends the mod ----- */
.simple .inner {
    border: 1px solid #D7D7D7; /*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/
}

.simple b {
    background-image: url(skin/mod/simple_corners.png);
}

/* ----- basic extends the mod ----- */
.basic .inner {
    /*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/
}

.basic b {
    background-image: url(skin/mod/round.png);
}

/* ----- simpleExt (extends mod) ----- */
.simpleExt, .simpleExt .inner {
    border: 1px solid #c7c7c7;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.simpleExt .inner {
    border-color: #fff;
    border-width: 4px;
    background-color: #e2e2e2;
}

.simpleExt b {
    *background-image: url(skin/mod/simple_extended.png);
}

.simpleExt .tl {
    left: -1px;
    top: -1px;
    height: 12px;
    width: 12px;
}

.simpleExt .tr {
    right: -1px;
    top: -1px;
    height: 12px;
    width: 12px;
}

.simpleExt .bl {
    left: -1px;
    bottom: -1px;
    height: 12px;
    width: 12px;
    margin-top: -12px;
}

.simpleExt .br {
    right: -1px;
    bottom: -1px;
    height: 12px;
    width: 12px;
    margin-top: -12px;
}

/* ----- me (extends mod) use for my comments ----- */
.me, .me .inner {
    border: 1px solid #909090; /*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/
}

.me .inner {
    border-color: #d76a84;
}

.me b {
    background-image: url(skin/mod/me.png);
}

.me .tl {
    left: -1px;
    top: -1px;
}

.me .tr {
    right: -1px;
    top: -1px;
}

.me .bl {
    left: -1px;
    bottom: -1px;
}

.me .br {
    right: -1px;
    bottom: -1px;
}

/* ----- noted (extends mod) ----- */
.noted, .noted .inner {
    border: 1px solid #c2c2c2; /*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/
}

.noted .inner {
    border-color: #eded68;
}

.noted b {
    background-image: url(skin/mod/noted.png);
}

.noted .tl {
    left: -1px;
    top: -1px;
}

.noted .tr {
    right: -1px;
    top: -1px;
}

.noted .bl {
    left: -1px;
    bottom: -1px;
}

.noted .br {
    right: -1px;
    bottom: -1px;
}

/* ----- grab (extends mod) ----- */
.grab .inner {
    border: 3px solid #00477a;
    border-bottom-width: 10px;
}

/* can't be done w border radius */
.grab b {
    background-image: url(skin/mod/grab.png);
}

.grab .tl, .grab .tr {
    height: 10px;
    width: 10px;
}

.grab .bl, .grab .br {
    height: 16px; /*if height is set, margin set*/
    margin-top: -16px;
}

/* ----- talk (extends mod) ----- */
.talk, .talk .inner {
    border: 1px solid #c7c7c7; /*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/
}

.talk .inner {
    border-color: #ededed;
}

.talk b {
    background-image: url(skin/mod/talk.png);
}

.talk .tl {
    left: -1px;
    top: -1px;
}

.talk .tr {
    right: -1px;
    top: -1px;
}

.talk .bl {
    left: -1px;
    bottom: -1px;
}

.talk .br {
    right: -1px;
    bottom: -1px;
}

/* ----- photo (extends complex) ----- */
.photo .inner {
    border: solid 10px #fff;
    margin: 0 4px;
}

/* muck with margins to change how the block will align with other blocks, any value between 0-10px */
.photo b {
    background-image: url(skin/mod/photo.png);
}

.photo .tr, .photo .tl {
    width: 20px;
}

.photo .top, .photo .bottom {
    height: 4px;
    margin-top: 0px;
}

.photo .bl, .photo .br {
    height: 16px;
    margin-top: -12px;
}

/* ----- flow (extends complex) ----- */
.flow {
    margin: 6px;
}

.flow b {
    background-image: url(skin/mod/even.png);
}

.flow .inner {
    padding: 0 4px;
}

.flow .top {
    height: 4px;
}

.flow .bottom {
    height: 4px;
    margin-top: -4px;
}

.flow .br, .flow .bl {
    height: 10px;
    margin-top: -6px;
}

/* margin top = bottom height - corner height */
/* ----- shadow test (experimental attempt to match "flow" cross browser w no img)----- */
.boo {
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 33);
    -moz-box-shadow: black 2px 2px 2px 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #949494;
    background: #fff;
}

/* ----- .excerpt (extends complex) ----- */
.excerpt b {
    background-image: url(skin/mod/excerpt.png);
}

.excerpt .top {
    height: 1px;
}

.excerpt .bottom {
    height: 6px;
    margin-top: -6px;
}

/* margin top equal to - height of bottom */
.excerpt .br, .excerpt .bl {
    height: 12px;
    margin-top: -6px;
}

/* margin top = bottom height - corner height */
/* ----- sommers (extends pop) ----- */
.sommers .inner {
    _border: 3px solid #D7D7D7;
}

/*IE6 backup no alpha transparency */
.sommers, .sommers .inner, .sommers b {
    background-image: url(skin/mod/glow_7px.png);
    _background-image: none;
}

.sommers {
    /*margin:3px 10px 10px 3px;*/
}

/* ====== Background blocks ====== */
.sale .inner {
    background-color: red;
}

.nicole .inner {
    background-color: #c01c41;
    color: #fff;
}

.nicole *, .login * {
    color: #fff;
}

.highlight .inner {
    background-color: #e3e36f;
}

.universe .inner {
    background: url(skin/mod/universe.png) repeat left top;
}

.foo .inner {
    background: url(skin/mod/universe_gray.png) repeat left top;
}

.login .inner {
    background: url(skin/mod/universe_login.png) repeat left top;
}

.comment .inner {
    background-color: #e2e2e2;
}

/* ====== Block headers and footers ====== */
.section {
    background: #e9e9e9 url(skin/mod/header.png) repeat-x left bottom;
    color: #de2c72;
    font-size: 120%;
    padding: 5px 10px;
}

.section h1, .section h2, .section h3, .section h4, .section h5, .section h6 {
    font-size: 100%;
    color: #de2c72;
    padding: 0;
}

.act {
    background-color: #e9e9e9;
}

.topper {
    background: #fff url(skin/mod/header_gradient_light.png) repeat-x left bottom;
    color: #4D4D4D;
    font-size: 120%;
    padding: 5px 10px;
}

.topper h1, .topper h2, .topper h3, .topper h4, .topper h5, .topper h6 {
    font-size: 100%;
    color: #4D4D4D;
    padding: 0;
}

.bam {
    background: #00477a url(skin/mod/header_glossy.png) repeat-x left top;
    color: #fff;
    font-size: 120%;
    padding: 5px 10px;
}

.bam h1, .bam h2, .bam h3, .bam h4, .bam h5, .bam h6 {
    font-size: 100%;
    color: #fff;
    padding: 0;
}